<template>
  <div id="app">
    <tab-bar>
      <tab-bar-item path="/home" activeColor="blue">
		  <img slot="item-icon" src="./assets/img/tabbar/首页.png" />
		  <img slot="item-icon-active" src="./assets/img/tabbar/首页1.png" />
		  <div slot="item-text">首页</div> 
	  </tab-bar-item>
      <tab-bar-item path="/sort" activeColor="blue">
		  <img slot="item-icon" src="./assets/img/tabbar/分类.png" />
		  <img slot="item-icon-active" src="./assets/img/tabbar/fl.png" />
		  <div slot="item-text">分类</div> 
      </tab-bar-item>
      <tab-bar-item path="/cart" activeColor="blue">
          <img slot="item-icon" src="./assets/img/tabbar/购物车.png" />
		  <img slot="item-icon-active" src="./assets/img/tabbar/gw.png" />
		  <div slot="item-text">购物车</div> 
      </tab-bar-item>
      <tab-bar-item path="/about" activeColor="blue">
          <img slot="item-icon" src="./assets/img/tabbar/关于.png" />
		  <img slot="item-icon-active" src="./assets/img/tabbar/关于我们.png" />
		  <div slot="item-text">关于</div> 
      </tab-bar-item>
	</tab-bar>
	<router-view></router-view>
  </div>
 
</template>

<script>
import TabBar from './components/tabbar/TabBar.vue'
import TabBarItem from './components/tabbar/TabBarItem.vue'
export default {
  name: 'App',
	components:{
		TabBar,
		TabBarItem
	}
}
</script>
 
<style>
	
</style>
